// @import "./variables.scss";
// @import "./mixin.scss";

.app-wrapper {
  .user {
    margin-right: 60px !important;

    .el-dropdown-link {
      i {
        color: white;
      }
    }

  }

}

// .navbar {
//   background-image: url("~@/assets/header-bg.jpg");
//   background-repeat: no-repeat;
//   background-size: cover;
//   background-color: $navBg;
//   height: 60px;

//   .logo {
//     position: inherit;
//     width: 200px;
//     line-height: $navHeight;
//     color: #fff;
//     font-size: 26px;
//     margin-left: 20px;
//     font-weight: bold;
//     z-index: 10;

//     .text-big {
//       color: red;
//       font-size: 30px
//     }

//     .text {
//       white-space: nowrap;
//     }
//   }

//   .top-menu {
//     &.scroll-container {
//       background-color: transparent;
//     }

//     display: flex;
//     margin-left: 0;
//     flex: auto;
//     position: relative;
//     // margin-left: $logoWidth + 20;
//     height: 100%;
//     box-sizing: border-box;
//     height: 100%;

//     .top-menu-item {
//       margin-left: 5px;
//       margin-right: 5px;
//       font-size: 15px;
//       height: 90%;
//       min-width: 5em;
//       display: inline-block;
//       text-align: center;
//       box-sizing: border-box;
//       color: #fff;
//       cursor: pointer;

//       &.active {
//         background-color: #1a67b7;
//         color: #fff;
//       }
//     }

//     .operate {
//       font-size: 24px;
//       color: #FFFFFF;
//       position: absolute;
//     }

//     .hidden {
//       display: none;
//     }
//   }

//   .user {
//     display: flex;
//     align-items: center;
//     position: inherit;
//     top: 0;
//     right: 60px;
//     height: $navHeight;
//     line-height: $navHeight;

//     .el-dropdown-link {
//       white-space: nowrap;
//     }

//     .user-slogan {
//       color: #fff;
//       font-size: 16px;
//     }

//     .logout {
//       margin-left: 20px;
//       margin-right: $navHeight;
//       padding: 8px 15px;
//       color: #fff;
//       font-size: 16px;
//       cursor: pointer;
//       white-space: nowrap;
//     }
//   }
// }

// .el-dropdown-menu__item {
//   &.active {
//     background-color: #ecf5ff;
//     color: #66b1ff;
//   }
// }
